<template>
  <div class="mine">
    <headers :bgColor="'white'" :ftColor="'black'"/>
    <contents/>
    <footers :ftColor="'black'"/>
  </div>
</template>

<script>
import Footers from '../public/Footers.vue'
import Headers from '../public/Headers.vue'
import Contents from './Contents.vue'

export default {
  components: { 
    'headers':Headers,
    'contents':Contents, 
    'footers':Footers 
  },
  name: 'mine'
}
</script>

<style scoped>
.mine{
  background-color: #F2F6FC;
}
</style>
